<!DOCTYPE HTML>
<html>
	<head>
		<title>Single</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Lookz Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
		<link href="/css/bootstrap.css" rel='stylesheet' type='text/css' />
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<!-- Custom Theme files -->
		<link href="/css/style.css" rel='stylesheet' type='text/css' />
		<!-- Custom Theme files -->
		<!--webfont-->
		<link rel="stylesheet" href="/css/etalage.css">

		<!-- start menu -->
		<link href="/css/megamenu.css" rel="stylesheet" type="text/css" media="all" />

		<!-- 定义显示类 -->
		<style type="text/css">
			.active {
				display: inline-block;
			}

			.active img {
				border: 2px solid;
			}
		</style>
		
		<!-- JS -->
		<script src="/lib/requirejs/require.js" data-main="/js/single"></script>

	</head>
	<body>
		<div class="wrap">
			<div class="container">
				<!-- 头部 -->
				<header></header>

				<div class="content">
					<div class="content_box">

					</div>
				</div>
				
				<!-- 尾部 -->
				<footer></footer>

<!-- 详情模板 -->
<script type="text/html" id="detail_template">
	<div class="men">
		<div class="single_top">
		<div class="col-md-9 single_right">
			<!-- 放大镜 -->
			<div class="grid images_3_of_2">
			<!-- 显示中图 -->
			<img src="{{img[0].middle}}" data-zoom-image="{{img[0].big}}" alt="" class="middle-zoom">
			<!-- 显示小图 template-->
			<div id="gal1">
				{{each img curr}}
				<a href="#" data-image="{{curr.middle}}" data-zoom-image="{{curr.big}}">
					<img class="first-img" src="{{curr.small}}" alt="">
				</a>
				{{/each}}
			</div>
			<div class="clearfix"></div>	
			</div>
		</div>
		
		<div class="desc1 span_3_of_2">
			<span class="hidden prod_id">{{id}}</span>
				<h1 class="prod_title">{{title}}</h1>
				<p class="m_5 prod_price">{{price}}</p>
				<div class="btn_form">
				<form>
					<input type="submit" value="buy" title="" class="btn-buy">
				</form>
				</div>
				<span class="m_link"><a href="#">login to save in wishlist</a> </span>
				<p class="m_text2">{{desc}}</p>
			</div>
			<div class="clearfix"></div>	
		</div>
		
			<div class="col-md-3">
			<!-- 轮播图 -->
					<img src="/images/m2.jpg" class="img-responsive" alt=""/>
			</div><!--col-md-3-->
			<div class="clearfix"> </div>
		</div><!--single_top-->
		
		<div class="toogle">
     	<h2>Product Details</h2>
     	<p class="m_text2">{{details}}</p>
     </div>
     <div class="toogle">
     	<h2>More Information</h2>
     	<p class="m_text2">{{more}}</p>
     </div>
     <h4 class="head_single">Related Products</h4>
             <div class="single_span_3">
	          	 <div class="col-sm-3 span_4">
	          	     <img src="/images/m6.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			     </div> 
				 <div class="col-sm-3 span_4">
	          	     <img src="/images/m1.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			      </div> 
				  <div class="col-sm-3 span_4">
	          	     <img src="/images/pic7.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			      </div> 
				  <div class="col-sm-3 span_4">
	          	     <img src="/images/pic8.jpg" class="img-responsive" alt=""/>
				     <h3>parum clari</h3>
				   	 <p>Duis autem vel eum iriure</p>
				   	 <h4>Rs.399</h4>
			      </div> 
				  <div class="clearfix"></div>
	     </div>
		
	</div>
</script><!--详情模板-->

				<link href="/css/flexslider.css" rel='stylesheet' type='text/css' />
	</body>
</html>
